<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>navigator对象</title>
</head>
<body>
<h3>navigator对象</h3>
<p>navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息</p>

<h4> 常用属性和方法：</h4>
<p>通过 userAgent 检测浏览器的版本及平台</p>
<pre style="font-size: 18px;">
// 检测 userAgent（浏览器信息）
    !(function () {
        const userAgent = navigator.userAgent
        // 验证是否为Android或iPhone
        const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
        const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
        // 如果是Android或iPhone，则跳转至移动站点
        if (android || iphone) {
        location.href = 'http://m.itcast.cn' }
    })()
</pre>

<script>
    console.log(navigator) // 对象
    console.log(navigator.userAgent) // 显示 浏览器信息


    // 检测 userAgent（浏览器信息）
    !(function () {
        const userAgent = navigator.userAgent
        // 验证是否为Android或iPhone
        const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
        const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
        // 如果是Android或iPhone，则跳转至移动站点
        if (android || iphone) {
            location.href = 'http://m.itcast.cn'
        }
    })()

    // 浏览器-检查-切换移动端模拟  在刷新就会跳转页面了
    // 另外说明:这个这里使用的是 匿名函数的立即执行函数
    // !(function () {}) ()   也是一种写法

</script>
</body>
</html>